import React from 'react'
import Link from 'next/link';
import styled from 'styled-components'

// Create a Title component that'll render an <h1> tag with some styles
const Title = styled.h1`
  font-size: 1.5em;
  text-align: center;
  color: palevioletred;
`;
// Create a Wrapper component that'll render a <section> tag with some styles
const Wrapper = styled.section`
  padding: 4em;
  background: papayawhip;
`;
// Use Title and Wrapper like any other React component – except they're styled!
export default ()=>(
  <Wrapper>
    <div>
      <Link href="/01">about</Link>
      <Title>
        Hello World
      </Title>
    </div>
  </Wrapper>
)
